<template>
    <footer :class="footerClass" ref="footer">
        <!-- <div class="txt flex">我是有底线的盆~</div> -->
        <div class="heGui">基金信息与数据来源于恒生聚源数据。基金的过往业绩并不预示其未来表现，基金管理人管理的其他基金的业绩并不构成基金业绩表现的保证。投资前应详细阅读产品合同和招募说明书等法律文件。</div>
        <!-- <div class="copyright flex_center_center">
            <p>&copy;<script type="script">new Date().getFullYear()</script>东莞证券股份有限公司</p>
            <p class="ipv6">IPv6</p>
        </div> -->
    </footer>
</template>

<script>
export default {
  // props: ['className'],
  data() {
    return {
      footerClass: ''
    };
  },
  mounted() {
  },
  methods: {
    postion(parentId) {
      this.footerClass = '';
      this.$nextTick(() => {
        const contentHeight = document.querySelector(`#${parentId}`).clientHeight + this.$refs.footer.clientHeight;
        // console.log('______________', document.querySelector(`#${parentId}`).scrollHeight, this.$refs.footer.clientHeight, contentHeight, this.$store.state.h5WrapHeight);
        if (contentHeight < this.$store.state.h5WrapHeight) {
          this.footerClass = 'absolute';
        } else {
          this.footerClass = '';
        }
      });
    }
  }
};
</script>

<style lang="less" scoped>
.heGui{
    font-size: 11px;
    color: #ccc;
}
</style>